<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="小纪/QQ:1300140723">
    <title>我的作品_小纪博客 | 一个啥也不会的00后萌新</title>
    <meta name="keywords" content="小纪,个人博客,yzmcms模板">
    <meta name="description" content="小纪，啥也不会的00后萌新；关注于web前端技术和CMS建站技术的学习研究,同时博客免费提供了yzmcms的各类模板(带源码)下载学习!">
    <!--引入Font Awesome字体库样式表-->
    <link rel="stylesheet" href="static/css/font-awesome.min.css">
    <!--引入guojian.min.css组件样式表-->
    <link rel="stylesheet" href="static/css/guojian.min.css">
    <!--引入style.css自定义样式表-->
    <link rel="stylesheet" href="static/css/style.css">
    <!--引入jquery.min.js组件脚本-->
    <script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
    <style type="text/css">
        body {background-image:none;}
		.gj-content .gj-cont pre, .gj-zp-cont .gj-cont pre {padding: 10px;background-color: #f5f5f5;border-radius: 5px;}
	</style>
</head>

<body>

<!--GJ-UI组件模块html代码开始-->
<nav class="gj-nav1 gcl-yh">
    <!--响应式导航栏-->
    <div class="gnav gclear">
        <div class="gj-logo gj-left">
            <a href="index.html"
               title="小纪博客" style="color:#fff;font-size:30px;letter-spacing: 2px;margin: 4px 0;">小纪博客</a>
        </div>
        <i class="gbar fa fa-bars" aria-hidden="true"></i>
        <ul class="gnav-ul gj-right">
            <li>
                <a href="/">首页</a>
            </li>
            <li>
                <a href="index1.html">知识干货</a>
            </li>
            <li>
                <a href="index3.html">我的作品</a>
            </li>
            <li>
                <a href="index4.html">谈天说地</a>
            </li>

        </ul>
    </div>
</nav>
<div class="gcont">
    <div class="row">
        <div class="gj-lg-12">
            <div class="gj-head">
                <div class="gj-cont">
                    {% if not user.avatar_url %}
                    <img src="/static/picture/touxiang.jpg" alt="用户头像">
                    {% else %}
                    <img src="{{ user.avatar_url }}" alt="用户头像">
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="gj-lg-8">
            <div class="gj-wk gcl-hb">
                <nav class="gj-ljdh">
                    <!--路径导航模块-->
                    <i class="fa fa-home" aria-hidden="true"></i>
                    <a href="index.html">首页</a> &gt; <a href="" title="谈天说地">谈天说地</a></nav>
                <div class="gj-body gul-tuw1">
                    <div class="gtw-ul gclear">
                        <div class="gtw-img">
                            <a href="index2.html"><img src="/static/picture/180313112722593.jpg"
                                                   alt="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多"></a>
                        </div>
                        <div class="gtw-body">
                            <a href="index2.html">
                                <h4>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多</h4>
                            </a>
                            <p>
                                今天的父母，总想着把最好的条件给孩子，这其实是在害孩子。成长过程中，物质越充裕，精神越疲敝；精神疲敝时，创造物质的脚步自然会停歇。反之，给孩子真实的成长，让孩子懂得困难与艰辛，教孩子珍惜馈赠...</p>
                            <div class="gtw-sx">
                                <a href="init1.html"><i class="fa fa-user"> 青榄君</i></a>
                                <i class="fa fa-clock-o"> 2018-02-24</i>
                                <i class="fa fa-eye"> 1412</i>
                            </div>
                        </div>
                    </div>
                    <div class="gtw-ul gclear">
                        <div class="gtw-img">
                            <a href="detail.html"><img src="/static/picture/180313113309948.jpg"
                                                  alt="博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了"></a>
                        </div>
                        <div class="gtw-body">
                            <a href="7.html">
                                <h4>博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</h4>
                            </a>
                            <p>茅侃侃个人经历：1983年出生于北京，小学五年级开始玩电脑，14岁便在《大众软件》等杂志发表数篇文章，并自行设计开发软件。2004年开始创业...</p>
                            <div class="gtw-sx">
                                <a href="init1.html"><i class="fa fa-user">小纪</i></a>
                                <i class="fa fa-clock-o"> 2018-01-27</i>
                                <i class="fa fa-eye"> 2148</i>
                            </div>
                        </div>
                    </div>
                    <div class="gtw-ul gclear">
                        <div class="gtw-img">
                            <a href="5.html"><img src="/static/picture/180313113835757.jpg"
                                                  alt="一枚程序媛妹子口中的IT男其实是这样的"></a>
                        </div>
                        <div class="gtw-body">
                            <a href="5.html">
                                <h4>一枚程序媛妹子口中的IT男其实是这样的</h4>
                            </a>
                            <p>本人女，程序员一枚。讲讲我周围的it男吧。坐在我对面的小哥，有一阵当当做活动，满200减100什么的吧，他说他买书了。过几天，搬了一摞书回...</p>
                            <div class="gtw-sx">
                                <a href="init1.html"><i class="fa fa-user"> 朝颜</i></a>
                                <i class="fa fa-clock-o"> 2018-01-27</i>
                                <i class="fa fa-eye"> 2969</i>
                            </div>
                        </div>
                    </div>
                </div>
                <!--gul-tuw1-结束-->
                <nav class="gj-page"><span class="pageinfo">共<strong>1</strong>页<strong>3</strong>条记录</span><a
                        href="list_12.html" class="homepage">首页</a><a href="list_12.html" class="nopage">上页</a><a
                        href="list_12.html" class="listpage curpage">1</a><a href="list_12.html" class="nopage">下页</a><a
                        href="list_12.html" class="endpage">尾页</a></nav>
                <!--nav-结束-->
            </div>

            <div class="gj-gg"><a href="javascript:;" target="_blank" title="建站就选YzmCMS！"><img
                    src="/static/picture/180121054109100.jpg"></a></div>

            <div class="gj-wk gcl-hb hidd">
                <!--媒体列表-->
                <div class="gj-bt">
                    <h3><i class="fa fa-html5" aria-hidden="true"></i> 作品分享</h3>
                    <a href="javascript:;"><i class="fa fa-angle-double-left" aria-hidden="true"></i> 查看更多</a></div>
                <div class="gj-body gul-tuw2">
                    <div class="gj-lg-4 gj-md-3 gj-sm-4 gj-xs-6">
                        <div class="gtw-ul">
                            <div class="gtw-img"><a href="21.html"><img src="/static/picture/180201112418133.jpg"
                                                                        alt="响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版）"></a>
                                <span>企业模板</span></div>
                            <div class="gtw-body"><a href="21.html">
                                <h4>响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版）</h4>
                            </a>
                                <p>响应式橙色大气html5企业网站模板GJ-qiye（YzmCMS整站版），自适应PC端、ipad、手机端，...</p>
                                <div class="gtw-sx"><span>阅读：6089</span> | <span>发布时间：2018-02-01</span></div>
                            </div>
                        </div>
                    </div>
                    <!--gj-lg-4-结束-->
                    <div class="gj-lg-4 gj-md-3 gj-sm-4 gj-xs-6">
                        <div class="gtw-ul">
                            <div class="gtw-img"><a href="12.html"><img src="/static/picture/180201024857924.jpg"
                                                                        alt="响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版"></a> <span>博客模板</span>
                            </div>
                            <div class="gtw-body"><a href="12.html">
                                <h4>响应式HTML5黑白系个人网站主题GJ-blog1.0清爽版</h4>
                            </a>
                                <p>响应式HTML5黑白系个人模板主题GJ-blog1.0清爽版，自适应ipad、手机端，主题代码结构简洁...</p>
                                <div class="gtw-sx"><span>阅读：6781</span> | <span>发布时间：2018-01-21</span></div>
                            </div>
                        </div>
                    </div>
                    <!--gj-lg-4-结束-->
                </div>
                <!--gj-body-结束-->
            </div>
        </div>
        <div class="gj-lg-4">
            <div class="gj-wk gcl-hb hidd-sm hidd-md">
                <div class="gj-bt">
                    <h3><i class="fa fa-user-circle-o" aria-hidden="true"></i> 会员信息</h3>
                </div>

                <div class="gj-body gj-user">
                    {% if not nick_name %}
                    <form id="login_form_con">
                        <input type="hidden" name="referer" value="">
                        <div class="div1"><i class="fa fa-user" aria-hidden="true"></i>
                            <input type="text" required="" name="username" id="username" value="" placeholder="请输入用户名">
                            <i class="fa fa-lock" aria-hidden="true"></i>
                            <input type="password" required="" name="password" id="password" value="" placeholder="请输入密码">
                        </div>
                        <div class="div2"><img src="/static/picture/code.jpg" onclick="this.src=this.src+&#39;?&#39;"
                                               title="看不清，换一张">
                            <input type="text" required="" name="code" class="" value="" placeholder="验证码">
                            <button type="submit" name="dosubmit" value="登 录">立即登录</button>
                        </div>
                        <div class="div3"><a href="register.html" class="btn btn-zc" role="button"
                                             target="_blank">免费注册</a>
                            <table cellpadding="0" cellspciong="1">
                            </table>
                    </form>
                    {% else %}
                    <div class="author_card">
                        {% if not user.avatar_url %}
                        <a href="#" class="author_pic"></a>
                        {% else %}
                         <a href="#" class="author_pic"><img src="picture/person01.png" alt="author_pic"></a>
                        {% endif %}
                        <div class="author_resume">{{ user.nick_name }}</div>
                        {% if not user.signature %}
                        <div class="author_resume">阿巴阿巴阿巴.</div>
                        {% else %}
                        <div class="author_resume">{{ user.signature }}</div>
                        {% endif %}
                        <a href="/passport/logout">退出</a>
                    </div>
                    {% endif %}
                </div>

            </div>
            <div class="gj-wk gcl-hb hidd-sm hidd-md">
                <!--标签模块-->
                <div class="gj-bt">
                    <h3><i class="fa fa-calendar" aria-hidden="true"></i> 文章归档</h3>
                </div>
                <div class="gj-body gj-link1">
                    <ul>
                        <li><a href="1517475072.html">2018年02月(3)</a></li>
                        <li><a href="1516872636.html">2018年01月(3)</a></li>

                    </ul>
                </div>
            </div>
            <div class="gj-wk gcl-hb">
                <!--侧栏-图文列表-->
                <div class="gj-bt">
                    <h3><i class="fa fa-thumbs-up" aria-hidden="true"></i> 博主推荐</h3>
                </div>
                <div class="gj-body gli-tuw1">
                    <div class="gtw-li gclear">
                        <div class="gtw-img gj-left"><a href="8.html"><img src="/static/picture/180313112951280.jpg"
                                                                           alt=""></a></div>
                        <div class="gtw-body"><a href="8.html">
                            <h4>phpStudy最新使用教程 - 让天下没有难配的php环境</h4>
                        </a> <span><i class="fa fa-clock-o"> 2018-02-01</i></span> <span><i class="fa fa-eye"> 2497</i></span>
                        </div>
                    </div>
                </div>
                <div class="gj-body gli-tuw1">
                    <div class="gtw-li gclear">
                        <div class="gtw-img gj-left"><a href="7.html"><img src="/static/picture/180313113309948.jpg"
                                                                           alt=""></a></div>
                        <div class="gtw-body"><a href="7.html">
                            <h4>博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</h4>
                        </a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 2148</i></span>
                        </div>
                    </div>
                </div>
                <div class="gj-body gli-tuw1">
                    <div class="gtw-li gclear">
                        <div class="gtw-img gj-left"><a href="5.html"><img src="/static/picture/180313113835757.jpg"
                                                                           alt=""></a></div>
                        <div class="gtw-body"><a href="5.html">
                            <h4>一枚程序媛妹子口中的IT男其实是这样的</h4>
                        </a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 2969</i></span>
                        </div>
                    </div>
                </div>
                <div class="gj-body gli-tuw1">
                    <div class="gtw-li gclear">
                        <div class="gtw-img gj-left"><a href="4.html"><img src="/static/picture/180125053634150.jpg"
                                                                           alt=""></a></div>
                        <div class="gtw-body"><a href="4.html">
                            <h4>给web前端开发人员的一些建议</h4>
                        </a> <span><i class="fa fa-clock-o"> 2018-01-25</i></span> <span><i class="fa fa-eye"> 1458</i></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gj-wk gcl-hb">
                <!--标签模块-->
                <div class="gj-bt">
                    <h3><i class="fa fa-tags" aria-hidden="true"></i> 热门标签</h3>
                </div>
                <div class="gj-body gj-link3">
                    <ul>
                        <li><a href="51.html" target="_blank">web前端</a></li>
                        <li><a href="41.html" target="_blank">GJ-UI</a></li>
                        <li><a href="22.html" target="_blank">YzmCMS</a></li>
                        <li><a href="13.html" target="_blank">小纪</a></li>
                    </ul>
                </div>
            </div>
            <div class="gj-gg">广告位不存在！</div>
            <div class="gj-wk gcl-hb">

            </div>
        </div>
    </div>
</div>


<div class="hidd-xs gcl-yh" style="border: 0">
    <!--返回顶部-->
    <a class="gj-top" style="z-index: 1030;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>

<footer class="gcl-yh">
    <!--footer底部-->
    <div class="gj-footer">
        <p>Copyright © 2018. 小纪博客 | Powered by <a href="javascript:;" target="_blank">YzmCMS</a></p>
        <p>备案：湘ICP备16017252号-1 博客基于GJ-UI组件、YzmCMS内容管理系统</p>
    </div>
</footer>
<!--GJ-UI组件模块html代码结束-->


<!--引入guojian.min.js组件脚本-->
<script src="/static/js/guojian.min.js" type="text/javascript"></script>

<!--GJ-UI组件模块js代码开始-->
<script>
    /*GJ-UI响应式导航栏*/
    $(document).ready(function () {
        $(".gbar").click(function () {
            $(".gnav-ul").slideToggle("slow");
            return false
        })
    });
</script>
<script>
    /*返回顶部开始*/
    jQuery(function ($) {
        $('.gj-top').toTop({
            autohide: true,
            offset: 320,
            speed: 500,
            right: 15,
            bottom: 15
        })
    });
</script>
</body>

</html>